//加载购物车数据
function cartLoad(){
    axios.get("/cart",{
        params:{
            user:$.cookie('user')
        }
    })
    .then((res)=>{
        console.log(res.data);
        let html="";
        if(!res.data.code){
            res.data.list.forEach((item,index) => {
                html+=`
                <div class="list">
                    <div class="row hid" data-id="${item.cartId}">
                        <div class="check left"> <input type="checkbox" class="select"></div>
                        <div class="img left"><img src="http:${item.imgUrl}" width="80" height="80"></div>
                        <div class="name left"><span>${item.title}</span></div>
                        <div class="price left"><span>${item.price}元</span></div>
                        <div class="item_count_i">
                            <div class="num_count">
                                <div class="count_d">-</div>
                                <div class="c_num">${item.num}</div>
                                <div class="count_i">+</div>
                            </div>
                        </div>
                        <div class="subtotal left"><span>${item.price*item.num}元</span></div>
                        <div class="ctrl left" ><a href="javascript:;">×</a></div>
                    </div>
                </div>
                `
            });
        }
        $(".list").html(html);
        $(".check-all").prop("checked",false);
    })
}
cartLoad();

//点击删除购物车数据
$(".list").on("click",".ctrl",function(){
    let cartId=$(this).parent().data("id");
    axios.delete("/cart",{
        params:{
            cartId
        }
    }).then((res)=>{
        console.log(res.data);
        cartLoad();
    })
})

// 点击改变商品数量
function changenum(el){
    console.log(1);
    $(".list").on("click",el,function(){
        let cartId=$(this).parent().parent().parent().data("id");
        let num=$(this).siblings(".c_num").text();
        if(el==".count_i"){
            num++;
        }else{
            num--;
            if(num<1){
                return ;
            }
        }
        axios.put("/cart",{
            cartId,
            num
        }).then((res)=>{
            console.log(res.data);
            $(this).siblings(".c_num").text(num);
            let price=parseInt($(this).parent().parent().siblings(".price").children("span").text());
            $(this).parent().parent().next().children("span").text(num*price+"元");
            allprice();
        })
    })
}
changenum(".count_i");//点击增加商品数量
changenum(".count_d");//点击减少商品数量


//点击增加商品数量
// $(".list").on("click",".count_i",function(){
//     let cartId=$(this).parent().parent().parent().data("id");
//     let num=$(this).siblings(".c_num").text();
//     num++;
//     axios.put("/cart",{
//         cartId,
//         num
//     }).then((res)=>{
//         console.log(res.data);
//         $(this).siblings(".c_num").text(num);
//         let price=parseInt($(this).parent().parent().siblings(".price").children("span").text());
//         $(this).parent().parent().next().children("span").text(num*price+"元");
//         allprice();
//     })
// })

//点击减少商品数量
// $(".list").on("click",".count_d",function(){
//     let cartId=$(this).parent().parent().parent().data("id");
//     let num=$(this).siblings(".c_num").text();
//     num--;
//     if(num<1){
//         return ;
//     }
//     axios.put("/cart",{
//         cartId,
//         num
//     }).then((res)=>{
//         console.log(res.data);
//         $(this).siblings(".c_num").text(num);
//         let price=parseInt($(this).parent().parent().siblings(".price").children("span").text());
//         $(this).parent().parent().next().children("span").text(num*price+"元");
//         allprice();
//     })
// })

//全选
$(".check-all").on("click",function(){
    if($(this).prop("checked")){
        $(".list .select").prop("checked",true);
    }else{
        $(".list .select").prop("checked",false);
    }
    allprice();
})

//当选中一个时，判断是否被全选
//当有一个没有被选中时，取消全选
;(function onecheck(){
    $(".list").on("click",".select",function(){
        if($(this).prop("checked")){
            let flag=true;
            [...$(".list .select")].forEach((item)=>{
                if(!$(item).prop("checked")){
                    flag=false;
                }
            })
            if(flag){
                $(".check-all").prop("checked",true);
                return;
            }
        }
        $(".check-all").prop("checked",false);
        allprice();
    })
})();


//计算总价
function allprice(){
    let allprice=0;
    [...$(".list .select")].forEach((item)=>{
        if($(item).prop("checked")){
            allprice+=parseFloat($(item).parent().siblings(".subtotal").children("span").text());
        }
    })
    $("#price_num").text(allprice);
}